<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <title></title>
   <link rel="stylesheet" type="text/css" href="static/css/css.css"/>
<script type="text/javascript" src="static/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="static/js/jquery.placeholder.js"></script>
<script type="text/javascript" src="static/js/jquery.modal.min.js"></script>
<script type="text/javascript" src="static/js/tohours.min.js"></script>
<script type="text/javascript" src="static/js/gift_exchange_pre.js"></script>
<script type="text/javascript">
	$(function() {
	 $('input, textarea').placeholder();
	});
	
$(document).ready(function(){
/*
    $('.modalLink').modal({
        trigger: '.modalLink',          // id or class of link or button to trigger modal
        olay:'div.overlay',             // id or class of overlay
        modals:'div.modal',             // id or class of modal
        animationEffect: 'slideDown',   // overlay effect | slideDown or fadeIn | default=fadeIn
        animationSpeed: 400,            // speed of overlay in milliseconds | default=400
        moveModalSpeed: 'slow',         // speed of modal movement when window is resized | slow or fast | default=false
        background: '000000',           // hexidecimal color code - DONT USE #
        opacity: 0.7,                   // opacity of modal |  0 - 1 | default = 0.8
        openOnLoad: false,              // open modal on page load | true or false | default=false
        docClose: true,                 // click document to close | true or false | default=true    
        closeByEscape: true,            // close modal by escape key | true or false | default=true
        moveOnScroll: true,             // move modal when window is scrolled | true or false | default=false
        resizeWindow: true,             // move modal when window is resized | true or false | default=false
        videoClass:'video',             // class of video element(s)
        close:'.closeBtn'               // id or class of close button
    });
	 */
});	
	
	
	
	</script>

<!--[if lt IE 9]>
<script src="http://r.xgimg.net/static/js/vendor/html5.js?v=201310252001"></script>
<![endif]-->
<!--[if IE 6]>
<script src="http://r.xgimg.net/static/js/vendor/pngfix.js?v=201310252001"></script>
<![endif]-->
   </head>
   <body>
   <s:hidden name="giftId" />
   <div class="box">
     <div id="content">
       <div class="left" style="margin:0px;">
         <div class="w222" style="margin-right:7px;"><a href="index.action"><img src="static/images/head/left.jpg" width="185" height="185" /></a></div>
         <div class="w222 wc160"><img src="static/images/gif.gif" width="186" height="185" /></div>
         <div class="w459h459">
           <div class="top" style="margin:0;"><img src="static/images/l2.png" width="383" />
             </div>
           
           <div style="margin-right: 10%;	margin-left: 10%;margin-top: 3px;margin-bottom:3px;"><img src="static/images/extitle.jpg" width="315" /></div>
           <div class="xboxcontentS" style="margin-right: 10%;	margin-bottom:3px;margin-top:3px;margin-left: 10%;">
             <input type="text" name="mobile" id="mobile" size="30" value="" class="text-input" placeholder="请输入的您的手机" style="outline:none;"/>
             <img src="static/images/getvcode.png" width="104"  style="float:right;" id="verification" onclick="$('.modalLink').click();"/> </div>
           <div class="xboxcontentS" style="margin-right: 10%;	margin-bottom:3px;margin-top:3px;margin-left: 10%;">
             <input type="text" name="code" id="code" size="30" value="" class="text-input" placeholder="请输入验证码" style="outline:none;"/>
           </div>
           <div style="margin-right: 10%;	margin-top:3px; margin-bottom:3px; margin-left: 9%;"> <img src="static/images/submitSend.png" width="318"  id="btnExchange"/></div>
           <div style="margin-right: 10%;	margin-top:3px;margin-left: 9%;margin-bottom:3px;"> <img src="static/images/submitSendGoOn.png" width="318"  onclick="location.href='userCenter.action';""/></div>
           <div class="titleWord5" style="margin-top:3px;">若您希望了解友邦生日专区相关信息，可拨打400-608-2030咨询。<br />

您可以在“我的生日礼物”中查询您的抽奖结果。</div>
         </div>
       </div>
       <div class="right1" style="margin:0px;">
         <div class="w691"><img src="static/images/pc<s:property value="giftLog.giftCode" />.jpg" width="590" /></div>
         <div class="w222" style="background-color:#46A5AB"> 
         
         
         <div class="titleWord1">
         尊敬的<s:property value="giftLog.customer.customerName" /><br />
		友邦保险祝福您
        </div>
         
         <div class="TitleBirthday">生日快乐</div>

</div>
         <div class="w395" style="background-color:#48489E">
         <div class="titleWord2"> 恭喜您获得</div>

<div class="titleWord3"><s:property value="@com.tohours.aia.constants.Constants@GIFT.get(giftLog.giftCode)" /></div>
<div class="titleWord7">(请在两周内兑换)</div>
<s:if test="customer.leftChance > 0">
<div class="titleWord4">您还有第二次抽奖机会，请兑奖后返回生日专区首页参加抽奖。</div>
</s:if>
         
         </div>
       </div>
     </div>
     <div id="info-win"></div>
   </div>
   
       <div class="overlay"></div>

   <a class="modalLink" href="#modal1"></a>
     <div id="modal1" class="modal">
  <div class="title">恭喜您！<div class="closeBtn closeBtn1">X</div></div>
    <div class="Context">
    
    
    <div class="bd" >
          <div class="Contextdall" style="border-top-style: none;">
            手机验证码已经成功发送，请注意查收
          </div>
         
 		<div  class="ContextdallB" style="border-top-style: none;">
          <img src="static/images/ExchangeButtonNo.jpg" width="142" height="45"  class="closeBtn"/> 
         </div>
    </div>
    </div>

</div>
</body>
</html>
